@charset "utf-8";

@media only screen and (max-width:1080px) , only screen and (max-device-width:1080px) {
	html {
		font-size: 33.75px;
	}
}

@media only screen and (max-width:960px) , only screen and (max-device-width:960px) {
	html {
		font-size: 30px;
	}
}

@media only screen and (max-width:800px) , only screen and (max-device-width:800px) {
	html {
		font-size: 25px;
	}
}

@media only screen and (max-width:720px) , only screen and (max-device-width:720px) {
	html {
		font-size: 22.5px;
	}
}

@media only screen and (max-width:640px) , only screen and (max-device-width:640px) {
	html {
		font-size: 20px;
	}
}

@media only screen and (max-width:600px) , only screen and (max-device-width:600px) {
	html {
		font-size: 18.75px;
	}
}

@media only screen and (max-width:540px) , only screen and (max-device-width:540px) {
	html {
		font-size: 16.875px;
	}
}

@media only screen and (max-width:480px) , only screen and (max-device-width:480px) {
	html {
		font-size: 15px;
	}
}

@media only screen and (max-width:414px) , only screen and (max-device-width:414px) {
	html {
		font-size: 12.9375px;
	}
}

@media only screen and (max-width:400px) , only screen and (max-device-width:400px) {
	html {
		font-size: 12.5px;
	}
}

@media only screen and (max-width:375px) , only screen and (max-device-width:375px) {
	html {
		font-size: 11.71875px;
	}
}

@media only screen and (max-width:360px) , only screen and (max-device-width:360px) {
	html {
		font-size: 11.25px;
	}
}

@media only screen and (max-width:320px) , only screen and (max-device-width:320px) {
	html {
		font-size: 10px;
	}
}

@media only screen and (max-width:320px) and (max-height:416px) , only screen and (max-device-width:320px) and
	(max-device-height:480px) {
	html.narrow-screen {
		font-size: 8.5px;
	}
}

@media only screen and (max-width:240px) , only screen and (max-device-width:240px) {
	html {
		font-size: 7.5px;
	}
}


* {
	margin: 0;
	padding: 0;
	text-shadow: none;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
}


body {
	width: 100%;
	margin: 0 auto;
	background-color: #f0f0f0;
	min-width: 320px;
	-webkit-user-select: none;
	position: relative;
	padding: 0px;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}


input,button,select,textarea {
	outline: none;
}

textarea {
	width: 100%;
	height: 80px;
	border: 1px solid #E3E5E9;
}
a {
	text-decoration: none;
	cursor: pointer;
}

ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


.list {
	width: 100%;
	line-height: 38px;
	*border-collapse: collapse;
	margin: 0px;
	border: 0;
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}

.list tr:nth-child(even) {
	background: #F4F4F4;
}


.list td,table th {
	border: 1px solid #EEE;
}

.list .list_head {
	background: #E4E4E4;
	font-weight:600;
}
.list .number{
	text-align:right;
	padding-right:5px;
}


.list_items_border{font-size:10px;line-height:23px;color:#555;}
.list_item{margin:0px;padding:5px;}
.list_item_img{width:90px;height:90px;border-radius:5px;}
.list_item_content{padding-left:10px;}
.list_item_title{font-size:14px;font-weight:600;}
.list_item_sub_title{}
.list_item_bottom{}

.info{padding: 10px; overflow: hidden;}
.info .item { min-height: 45px; line-height: 45px; border-bottom: 1px solid #dcdcdc;}
.info .item .label {min-height: 45px; line-height: 45px; float:left;}
.info .item .data{border:none; min-height: 45px;line-height: 45px; float:right; text-align: right; overflow: hidden; text-overflow:clip; white-space: nowrap; color: #555; background: none; font-size: 14px;}
.info .item input {border:none; padding-right: 12px;text-align:right;}
.info .item select{
    right: 0px;
    text-align: right;
    overflow: hidden;
    text-overflow: clip;
    color: #555;
    border:1px solid #dcdcdc;
    background: none;
    font-size: 14px;
}
.info .item select option{text-align:right;}
.info .item_m { min-height: 35px; line-height: 35px; border-bottom: 1px solid #dcdcdc;}
.info .item_m .label {min-height: 35px; line-height: 35px; float:left;}
.info .item_m .data{border:none; min-height: 35px;line-height: 35px; float:right; text-align: right; overflow: hidden; text-overflow:clip; white-space: nowrap; color: #555; background: none; font-size: 14px;}
.info .item_m input {border:none;padding-right: 12px;text-align:right;}
.info .item_m select{
	border: none;
    width: 100%;
    min-height: 35px;
    right: 0px;
    text-align: right;
    overflow: hidden;
    text-overflow: clip;
    color: #555;
    background: none;
    font-size: 14px;
}
.info .item_m select option{text-align:right;}
.info .item .alert{
	clear:both !important;
	line-height:25px !important;
}
.btn-group {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.btn-group .btn,.btn-group .btn-l {
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-left: 1px solid rgba(255, 255, 255, .5);
	border-radius: 0;
	display: inline-block !important;
}

.btn-group .btn,.btn-group .btn-l {
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-left: 1px solid rgba(255, 255, 255, .5);
	border-radius: 0;
	display: inline-block !important;
}

.btn-group .btn-cur {
	background-color: #B11B1B !important;
}

.btn-group .btn-primary {
	border-left: none
}

.btn-group .btn-primary:hover {
	border-color: var(--btn-bg-color, #FF3957);
	color: #FF3957
}

.btn-group .btn:first-child {
	border-left: none;
	border-radius: 2px 0 0 2px
}

.btn-group .btn-l:first-child {
	border-left: 1px solid var(--btn-bg-color, #FF3957);
}

.btn-group .btn-primary:first-child {
	border-left: 1px solid #c9c9c9
}

.btn-group .btn:last-child {
	border-radius: 0 2px 2px 0
}

.btn {
	text-align: center;
	width: 100%;
	height: 43px;
	line-height: 43px;
	border-radius: 2px;
	background-color: var(--btn-bg-color, #FF3957);
	color: #fff;
	font-family: 'Microsoft YaHei';
	margin: 0 auto;
	display: block;
	font-size: 16px;
	-webkit-appearance: none;
}

.btn-box {
	display: flex;
    display:-webkit-flex;
}

.btn-box .btn-l {
	margin: 10px;
}

.btn-l {
	text-align: center;
	width: 100%;
	border-radius: 5px;
	height: 35px;
	line-height: 16px;
	padding: 12px 0px 12px 0px;
	color: #FF3957;
	border: 1px solid var(--btn-bg-color, #FF3957);
	font-family: 'Microsoft YaHei';
	margin: 0 auto;
	display: inline-block;
	font-size: 12px;
	-webkit-appearance: none;
}

.btn a {
	color: #FFF;
}

.subject-title {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	background-color: #F8F8F8;
	border-radius: 2px 2px 0 0;
	text-align: center;
}

.tabs {
	height: 44px;
	line-height: 44px;
	background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #e3e5e9;
}

.tabs .tab-item {
	float: left;
	width: 20%;
	height: 100%;
	text-align: center;
	display: table;
	position: relative;
}

.tabs .tab-item a {
	display: table-cell;
	width: 100%;
	margin-left: -1px;
	color: #9a9a9a;
	font-size: 13px;
	font-weight: 600;
}

.tabs .cur span {
	color: #f15353;
	font-size: 13px;
	font-weight: 600;
}

.tabs .cur span {
	display: inline-block;
	height: 100%;
	position: relative;
}

.tabs .cur span:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: #f15353;
	bottom: 0;
	left: 50%;
	margin-left: -50%;
	transform: scaleY(.5);
	-webkit-transform: scaleY(.5);
}

.line {
	width: 100%;
	padding: 0px;
	margin: 0px;
	min-height: 1px;
	border-bottom-width: 0.01rem;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

.line-txt {
	background: url('//alcdn.oss-cn-shanghai.aliyuncs.com/img/bg/line_txt.png') left 50% repeat-x;
	text-align: center;
	display: inline-block;
}

.line-txt span {
	display: inlnie-block;
	padding: 0px 10px 0px 10px;
	background-color: #FFF;
	margin: 0 auto;
}

.space {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 10px;
	background-color: #EEE;
}

.grid {
	width: 100%;
	text-align: left;
}

.cell {
	border: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.grid3 .cell {
	width: 33%;
}

.grid4 .cell {
	width: 25%;
}

.grid .content {
	border: 1px solid #DDD;
	margin: 5px;
}

.al-loading {
	display: inline-block;
	text-align: center;
}

.al-loading .al-loading-item {
	width: 15px;
	height: 15px;
	background-color: #FFF;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: al-loading 1.4s ease-in-out 0s infinite both;
	animation: al-loading 1.4s ease-in-out 0s infinite both;
}

.al-loading .al-loading-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.al-loading .al-loading-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes al-loading { 
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40%{
	-webkit-transform:scale(1);
	transform:scale(1);
	}
}
@keyframes al-loading { 
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40%{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.img-hm {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/home111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}
.img-mbr {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/mbr111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-adr {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/adr111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-tel {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/tel111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-time {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/time111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-post {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/post111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-receive {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/receive111.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-hm0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/home011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-mbr0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/mbr011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-adr0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/adr011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-tel0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/tel011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-time0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/time011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-post0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/post011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.img-receive0 {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	background: url(//alcdn.oss-cn-shanghai.aliyuncs.com/img/icon/receive011.png) no-repeat 0px 7px;
	padding-left: 25px;
	background-size: 18px;
	color: #252525;
}

.clear {
	clear: both;
	overflow: hidden;
}

.clearfix {
	clear: both;
	height: 0px;
	overflow: hidden;
}


.c {
	text-align: center;
}

.l {
	text-align: left;
}

.r {
	text-align: right;
}

.t {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 10px;
	background-color: #ccc;
	padding: 5px;
}

.inline {
	white-space: nowrap;
}

.content {
	padding: 10px;
	line-height: 25px;
}

.number {
	text-align: right;
	padding-right: 5px;
}

.alert {
	color: #FF4351;
}

.left {
	float: left;
}

.right {
	float: right;
}

.f,.full {
	width: 100%;
}

.omit {
	color: #CCC;
}

.alt{
	color:#aaa;
	line-height:25px;
	clear:both;
}

.mobile {
	min-width: 320px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	word-wrap: break-word;
}

.w {
	background-color: #FFFFFF;
	float: left;
	min-width: 320px;
	width: 100%;
	margin: 0px;
	padding-bottom: 50px;
}

/*layui*/
.layui-m-layercont{padding:10px 15px;}


/*header*/
.header {
	height: 44px;
	background: #FF3957;
	position: relative;
	z-index: 10;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f23030;
}

.a-back {
	height: 40px;
	position: absolute;
	width: 45px;
}

.a-back span {
	display: block;
	height: 35px;
	text-indent: 17px;
	width: 50px;
	color: #FFF;
	padding-top: 8px;
	margin-left: -10px;
}

.a-back span img {
	width: 25px;
}

.header .header-title {
	color: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-weight: bold;
}


.user-img {
	width: 55px;
	height: 55px;
	border: 1px solid #e6e6e6;
	border-radius: 50%;
}
.color_red {
	font-weight: bold;
	color: #ff6063;
}

.color_luse {
	font-weight: bold;
	color: #00bb9c;
}


.footer a {
	float: left;
	width: 33%;
	height: 80px;
	text-align: center;
	text-decoration: none;
}

.footer .ico_img {
	margin-top: 15px;
}

.footer .ico_img img {
	width: 30px;
}

.footer a span {
	font-size: 12px;
	color: #666666;
	line-height: 30px;
}

.copyright {
	line-height: 40px;
	font-size: 12px;
	color: #999999;
	text-align: center;
	float: left;
	width: 100%;
}

.copyright a {
	text-decoration: none;
	color: #999999;
}